<template>
   <myLeftRightLaout>
    <template v-slot:leftL>
      <myList height="100%" width="100%" 
      @listToggle="listToggle"
      :listData="listData"></myList>
   </template>
    <template v-slot:rightL>
      <div>1</div>
      <div>2</div>
   </template>
   </myLeftRightLaout>
  </template>
  
  <script setup lang="ts">
  // import {} from 'vue'
  import myLeftRightLaout from '@/components/myLeftRightLaout/index.vue'
  import myList from '@/components/myList/index.vue'
  const listData = [
    {
      "label":"AsyncComponent"
    },
    {
      "label":"xxxxxxxxx"
    },
    {
      "label":"xxxxxxxxx"
    }
  ]
  const listToggle = ()=>{
    // console.log(current);
  }
  </script>
  <style lang="scss" scoped>
  
  </style>